<template>
  <div>
    <h1>App</h1>
    <h2>{{ $route.fullPath }}</h2>
    <ul>
      <li>
        <RouterLink to="/home">/home</RouterLink>
      </li>
      <li>
        <RouterLink to="/shop/100/row/200">/shop/100/row/200</RouterLink>
      </li>
      <li>
        <RouterLink to="/shop/20/row/30">/shop/20/row/30</RouterLink>
      </li>
      <li>
        <RouterLink to="/user">/user</RouterLink>
      </li>
    </ul>
    <RouterView></RouterView>
    <!-- <RouterView name="Body"></RouterView>
    <RouterView name="Header"></RouterView> -->
  </div>
</template>
<script setup>


</script>
<style>
div {
  border: solid;
  padding: 20px;
}
</style>
